<template>
  <div class="jzd_content">
    <navTop :headTitle="headTitle" :showBack="showBack" :bkParam="bkParam" style="margin-bottom:2.5rem"></navTop>
    <div class="jzd_1">
      <span>
        <img :src="root+$route.query.DOCTOR_PIC_URL" alt="">
      </span>
      <span>
        <p>{{$route.query.DOCTOR_NAME}}</p>
        <p>{{$route.query.ZYDJ}}</p>
      </span>
    </div>
    <div class="jzd_2">
      <p>就诊信息</p>
      <p>候诊时间<b>{{$route.query.PRETIME}}</b></p>
      <p>就诊科室<b>{{$route.query.SSKBMC}}</b></p>
      <p>门诊类型<b>{{$route.query.PRE_TYPE}}</b></p>
    </div>
    <div class="jzd_2">
      <p>就诊人信息</p>
      <p>患者<b style="float:right">{{$route.query.PATIENT_NAME}}</b></p>
    </div>
    <div class="jzd_3">
      <p>1.[重要]预约成功后请谨慎取消预约，同一天同一科室号源取消三次后，将不能再预约该天该科室号源。
      </p>
      <p>2.在线支付暂不支持医保支付。
      </p>
      <p>3.交费时如遇缴费异常，请在自助机重新缴费，并到窗口登记，费用会在10个工作日内退还。
      </p>
    </div>
    <div class="jzd_4">
      <p @click="$router.back(-1)">关闭</p>
    </div>
  </div>
</template>

<script>
import navTop from '~/components/common/navTop.vue';

const { config } = window;

export default {
  data() {
    return {
      showBack: true,
      bkParam: 'bk',
      headTitle: '就诊详情',
      root: `${config.APIRoot}/doctor`,
    };
  },
  components: {
    navTop,
  },
};
</script>

<style lang="stylus" scoped>

.jzd_1
    height 5rem
    line-height 5rem
    font-size 0.9rem
    box-shadow 1px 1px 1px #ccc
    img
        width 4rem
        height 4rem
        border-radius 50%
    span
        float left
        display inline-block
        &:first-child
            width 4rem
            height 4rem
            background #aaa
            border-radius 50%
            margin 0.5rem
            text-align center
            line-height 4rem
        &:last-child
            max-width 75%
            p
                height 1rem
                line-height 1rem
                border none
                margin 1rem 0
                &:last-child
                    font-size 0.8rem
                    color #aaa
.jzd_2
    p
        height 3rem
        line-height 3rem
        font-size 1rem
        padding 0 0.8rem
        border-bottom 1px solid #f1f1f1
        &:first-child
            background #f1f1f1
            font-size 0.9rem
            color #aaa
        b
            color #aaa
            margin-left 1rem
            font-size 0.9rem
.jzd_3
    background #f1f1f1
    padding 0.6rem
    font-size 0.9rem
    line-height 1rem
    margin-bottom 2rem
    p
        margin-bottom 0.4rem
.jzd_4
    position fixed
    bottom 0
    background #26a2ff
    font-size 1rem
    color #fff
    width 100%
    text-align center
    padding 0.8rem 0
</style>

